<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/shangpingoumai.css" />
    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
    <script>
        window.jQuery || document.write('<script src="./js/jquery-3.6.0.js"><\/script>');
    </script>
    <script src="../page-data/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="./css/1.css">

</head>

<body>
    <div class="site-nav">
        <div class="w w1390">
            <div class="fl">
                <div class="dw">
                    <span class="dwimg"></span>
                    <span>郑州市</span>
                    <div class="dorpdown-layer"></div>
                </div>
                <div class="dz">
                    <a href="../登录注册/index.html" style="color: red;">请登录</a>
                    <a href="../登录注册/index1.html">免费注册</a>
                </div>

            </div>
            <ul class="quick-menu">
                <li>我的订单</li>
                <li class="spacer"></li>
                <li>我的浏览</li>
                <li class="spacer"></li>
                <li>我的收藏</li>
                <li class="spacer"></li>
                <li>客户服务</li>
                <li class="spacer"></li>
                <li class="wzdh">网站导航
                    <i class="iconfont"></i>
                    <div class="wza">
                        <div class="w1">
                            <b>特色主题</b>
                            <p>家用电器</p>
                            <p>家用电器</p>
                            <p>家用电器</p>
                        </div>
                        <div class="w2">
                            <b class="bb">特色主题</b>
                            <p>家用电器</p>
                            <p>家用电器</p>
                            <p>家用电器</p>
                            <p>家用电器</p>
                            <p>家用电器</p>
                            <p>家用电器</p>
                            <p>家用电器</p>
                            <p>家用电器</p>
                            <p>家用电器</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="header">
        <div class="hed">
            <div class="logo">
                <div class="logoImg">
                    <a href="#"><img src="./images/grmz/shop_logo.gif"></a>
                </div>
            </div>
            <div class="dsc-search">
                <input type="text" class="search-text">
                <div class="an">
                    <div class="an1">搜商品</div>
                    <div class="an2">搜店铺</div>
                </div>
                <p class="keyword">
                    <a href="#">周大福</a>
                    <a href="#">内衣</a>
                    <a href="#">Five Plus</a>
                    <a href="#">手机</a>
                </p>

            </div>
            <div class="shopCart">
                <div class="shopCart-con">
                    <div class="con">
                        <img src="./images/grmz/购物车空 (1).png" width="20px">
                        <span>我的购物车</span>
                        <em class="count">0</em>
                    </div>

                </div>
                <div class="prompt">
                    <div class="nogoods">
                        <b></b>`
                        <span>购物车中还没有商品，赶紧选购吧！</span>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <div class="nav">
        <div class="navbox">
            <div class="categorys">
                <b>全部商品分类</b>
                <ul>
                    <li>
                        <div class="dn">
                            <div class="bon">
                                <img src="../images/grmz/厨房电器.png" alt="">
                            </div>
                            <div class="boo">
                                <p><span>家用电器</span></p>
                                <p><span>厨房电器</span><span>大家电</span></p>
                            </div>
                        </div>
                        <div class="bnm">
                            <div class="cas">
                                <div class="len">
                                    <div class="cate">
                                        <a href="#">品牌日</a>
                                        <a href="#">家电城</a>
                                        <a href="#">智能生活馆</a>
                                        <a href="#">京东净化馆</a>
                                        <a href="#">京东帮服务店</a>
                                        <a href="#">值得买精选</a>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                            <a href="#">微波炉</a>
                                            <a href="#">料理/榨汁机</a>
                                            <a href="#">电烤箱</a>
                                            <a href="#">电磁炉</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                            <a href="#">微波炉</a>
                                            <a href="#">料理/榨汁机</a>
                                            <a href="#">电烤箱</a>
                                            <a href="#">电磁炉</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">大家电</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                            <a href="#">微波炉</a>
                                            <a href="#">料理/榨汁机</a>
                                            <a href="#">电烤箱</a>
                                            <a href="#">电磁炉</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">个护健康</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                            <a href="#">微波炉</a>
                                            <a href="#">料理/榨汁机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">五金家装</div>
                                        <div class="yp">
                                            <a href="#">电动工具</a>
                                            <a href="#">仪表</a>
                                            <a href="#">水槽</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">生活电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                            <a href="#">微波炉</a>
                                            <a href="#">料理/榨汁机</a>
                                            <a href="#">电烤箱</a>
                                            <a href="#">电磁炉</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="qwe">
                                    <img src="../images/grmz/6.jpg" alt="">
                                    <img src="../images/grmz/7.jpg" alt="">
                                    <img src="../images/grmz/8.jpg" alt="">
                                    <img src="../images/grmz/9.jpg" alt="">
                                    <img src="../images/grmz/10.jpg" alt="">
                                    <img src="../images/grmz/11.jpg" alt="">
                                    <img src="../images/grmz/12.jpg" alt="">
                                    <img src="../images/grmz/13.jpg" alt="">
                                    <img src="../images/grmz/14.jpg" alt="">
                                    <img src="../images/grmz/15.jpg" alt="">
                                    <img src="../images/grmz/16.jpg" alt="">
                                    <img src="../images/grmz/17.jpg" alt="">
                                    <img src="../images/grmz/18.jpg" alt="">
                                    <img src="../images/grmz/19.jpg" alt="">
                                    <img src="../images/grmz/20.jpg" alt="">
                                    <img src="../images/grmz/21.jpg" alt="">
                                    <img src="../images/grmz/22.jpg" alt="">
                                    <img src="../images/grmz/23.jpg" alt="">
                                    <img src="../images/grmz/24.jpg" alt="">
                                    <img src="../images/grmz/25.jpg" alt="">
                                    <img src="../images/grmz/26.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="dn">
                            <div class="bon">
                                <img src="../images/grmz/厨房电器.png" alt="">
                            </div>
                            <div class="boo">
                                <p><span>男装、女装、内衣</span></p>
                                <p><span>女装</span><span>男装</span></p>
                            </div>
                        </div>
                        <div class="bnm">
                            <div class="cas">
                                <div class="len">
                                    <div class="cate">
                                        <a href="#">男装</a>
                                        <a href="#">女装</a>
                                        <a href="#">内衣</a>
                                        <a href="#">国际品牌</a>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                            <a href="#">微波炉</a>
                                            <a href="#">料理/榨汁机</a>
                                            <a href="#">电烤箱</a>
                                            <a href="#">电磁炉</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">大家电</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">个护健康</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">五金家装</div>
                                        <div class="yp">
                                            <a href="#">电动工具</a>
                                            <a href="#">仪表</a>
                                            <a href="#">水槽</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="qwe">
                                    <img src="../images/grmz/6.jpg" alt="">
                                    <img src="../images/grmz/7.jpg" alt="">
                                    <img src="../images/grmz/8.jpg" alt="">
                                    <img src="../images/grmz/9.jpg" alt="">
                                    <img src="../images/grmz/10.jpg" alt="">
                                    <img src="../images/grmz/11.jpg" alt="">
                                    <img src="../images/grmz/12.jpg" alt="">
                                    <img src="../images/grmz/13.jpg" alt="">
                                    <img src="../images/grmz/14.jpg" alt="">
                                    <img src="../images/grmz/15.jpg" alt="">
                                    <img src="../images/grmz/16.jpg" alt="">
                                    <img src="../images/grmz/17.jpg" alt="">
                                    <img src="../images/grmz/18.jpg" alt="">
                                    <img src="../images/grmz/19.jpg" alt="">
                                    <img src="../images/grmz/20.jpg" alt="">
                                    <img src="../images/grmz/21.jpg" alt="">
                                    <img src="../images/grmz/22.jpg" alt="">
                                    <img src="../images/grmz/23.jpg" alt="">
                                    <img src="../images/grmz/24.jpg" alt="">
                                    <img src="../images/grmz/25.jpg" alt="">
                                    <img src="../images/grmz/26.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="dn">
                            <div class="bon">
                                <img src="../images/grmz/厨房电器.png" alt="">
                            </div>
                            <div class="boo">
                                <p><span>鞋靴、箱包、钟表、奢侈品</span></p>
                                <p><span>奢侈品</span><span>功能箱包</span></p>
                            </div>
                        </div>
                        <div class="bnm">
                            <div class="cas">
                                <div class="len">
                                    <div class="cate">
                                        <a href="#">男鞋</a>
                                        <a href="#">女鞋</a>
                                        <a href="#">箱包</a>
                                        <a href="#">钟表</a>
                                        <a href="#">奢侈品</a>
                                        <a href="#">女包</a>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                            <a href="#">微波炉</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">大家电</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">个护健康</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">五金家装</div>
                                        <div class="yp">
                                            <a href="#">电动工具</a>
                                            <a href="#">仪表</a>
                                            <a href="#">水槽</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">生活电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="qwe">
                                    <img src="../images/grmz/6.jpg" alt="">
                                    <img src="../images/grmz/7.jpg" alt="">
                                    <img src="../images/grmz/8.jpg" alt="">
                                    <img src="../images/grmz/9.jpg" alt="">
                                    <img src="../images/grmz/10.jpg" alt="">
                                    <img src="../images/grmz/11.jpg" alt="">
                                    <img src="../images/grmz/12.jpg" alt="">
                                    <img src="../images/grmz/13.jpg" alt="">
                                    <img src="../images/grmz/14.jpg" alt="">
                                    <img src="../images/grmz/15.jpg" alt="">
                                    <img src="../images/grmz/16.jpg" alt="">
                                    <img src="../images/grmz/17.jpg" alt="">
                                    <img src="../images/grmz/18.jpg" alt="">
                                    <img src="../images/grmz/19.jpg" alt="">
                                    <img src="../images/grmz/20.jpg" alt="">
                                    <img src="../images/grmz/21.jpg" alt="">
                                    <img src="../images/grmz/22.jpg" alt="">
                                    <img src="../images/grmz/23.jpg" alt="">
                                    <img src="../images/grmz/24.jpg" alt="">
                                    <img src="../images/grmz/25.jpg" alt="">
                                    <img src="../images/grmz/26.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="dn">
                            <div class="bon">
                                <img src="../images/grmz/厨房电器.png" alt="">
                            </div>
                            <div class="boo">
                                <p><span>手机</span><span>数码</span><span>通信</span></p>
                                <p><span>摄影摄像</span><span>手机通讯</span></p>
                            </div>
                        </div>
                        <div class="bnm">
                            <div class="cas">
                                <div class="len">
                                    <div class="cate">
                                        <a href="#">手机频道</a>
                                        <a href="#">网上营业厅</a>
                                        <a href="#">配件城</a>
                                        <a href="#">影像</a>
                                        <a href="#">手机社区</a>
                                        <a href="#">以旧换新</a>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">大家电</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="qwe">
                                    <img src="../images/grmz/6.jpg" alt="">
                                    <img src="../images/grmz/7.jpg" alt="">
                                    <img src="../images/grmz/8.jpg" alt="">
                                    <img src="../images/grmz/9.jpg" alt="">
                                    <img src="../images/grmz/10.jpg" alt="">
                                    <img src="../images/grmz/11.jpg" alt="">
                                    <img src="../images/grmz/12.jpg" alt="">
                                    <img src="../images/grmz/13.jpg" alt="">
                                    <img src="../images/grmz/14.jpg" alt="">
                                    <img src="../images/grmz/15.jpg" alt="">
                                    <img src="../images/grmz/16.jpg" alt="">
                                    <img src="../images/grmz/17.jpg" alt="">
                                    <img src="../images/grmz/18.jpg" alt="">
                                    <img src="../images/grmz/19.jpg" alt="">
                                    <img src="../images/grmz/20.jpg" alt="">
                                    <img src="../images/grmz/21.jpg" alt="">
                                    <img src="../images/grmz/22.jpg" alt="">
                                    <img src="../images/grmz/23.jpg" alt="">
                                    <img src="../images/grmz/24.jpg" alt="">
                                    <img src="../images/grmz/25.jpg" alt="">
                                    <img src="../images/grmz/26.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="dn">
                            <div class="bon">
                                <img src="../images/grmz/厨房电器.png" alt="">
                            </div>
                            <div class="boo">
                                <p><span>电脑、办公</span></p>
                                <p><span>电脑整机</span><span>电脑配件</span></p>
                            </div>
                        </div>
                        <div class="bnm">
                            <div class="cas">
                                <div class="len">
                                    <div class="cate">
                                        <a href="#">本周热卖</a>
                                        <a href="#">游戏部落</a>
                                        <a href="#">智能社区</a>
                                        <a href="#">GAME+</a>
                                        <a href="#">装机大师</a>
                                        <a href="#">办公生活馆</a>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                        </div>
                                    </div>

                                </div>
                                <div class="qwe">
                                    <img src="../images/grmz/6.jpg" alt="">
                                    <img src="../images/grmz/7.jpg" alt="">
                                    <img src="../images/grmz/8.jpg" alt="">
                                    <img src="../images/grmz/9.jpg" alt="">
                                    <img src="../images/grmz/10.jpg" alt="">
                                    <img src="../images/grmz/11.jpg" alt="">
                                    <img src="../images/grmz/12.jpg" alt="">
                                    <img src="../images/grmz/13.jpg" alt="">
                                    <img src="../images/grmz/14.jpg" alt="">
                                    <img src="../images/grmz/15.jpg" alt="">
                                    <img src="../images/grmz/16.jpg" alt="">
                                    <img src="../images/grmz/17.jpg" alt="">
                                    <img src="../images/grmz/18.jpg" alt="">
                                    <img src="../images/grmz/19.jpg" alt="">
                                    <img src="../images/grmz/20.jpg" alt="">
                                    <img src="../images/grmz/21.jpg" alt="">
                                    <img src="../images/grmz/22.jpg" alt="">
                                    <img src="../images/grmz/23.jpg" alt="">
                                    <img src="../images/grmz/24.jpg" alt="">
                                    <img src="../images/grmz/25.jpg" alt="">
                                    <img src="../images/grmz/26.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="dn">
                            <div class="bon">
                                <img src="../images/grmz/厨房电器.png" alt="">
                            </div>
                            <div class="boo">
                                <p><span>家居、家具、家装、厨具</span></p>
                                <p><span>家具</span><span>厨具</span></p>
                            </div>
                        </div>
                        <div class="bnm">
                            <div class="cas">
                                <div class="len">
                                    <div class="cate">
                                        <a href="#">家装城</a>
                                        <a href="#">居家日用</a>
                                        <a href="#">精品家具</a>
                                        <a href="#">家装建材</a>
                                        <a href="#">厨房达人</a>
                                        <a href="#">猫猫狗狗</a>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">大家电</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">个护健康</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="qwe">
                                    <img src="../images/grmz/6.jpg" alt="">
                                    <img src="../images/grmz/7.jpg" alt="">
                                    <img src="../images/grmz/8.jpg" alt="">
                                    <img src="../images/grmz/9.jpg" alt="">
                                    <img src="../images/grmz/10.jpg" alt="">
                                    <img src="../images/grmz/11.jpg" alt="">
                                    <img src="../images/grmz/12.jpg" alt="">
                                    <img src="../images/grmz/13.jpg" alt="">
                                    <img src="../images/grmz/14.jpg" alt="">
                                    <img src="../images/grmz/15.jpg" alt="">
                                    <img src="../images/grmz/16.jpg" alt="">
                                    <img src="../images/grmz/17.jpg" alt="">
                                    <img src="../images/grmz/18.jpg" alt="">
                                    <img src="../images/grmz/19.jpg" alt="">
                                    <img src="../images/grmz/20.jpg" alt="">
                                    <img src="../images/grmz/21.jpg" alt="">
                                    <img src="../images/grmz/22.jpg" alt="">
                                    <img src="../images/grmz/23.jpg" alt="">
                                    <img src="../images/grmz/24.jpg" alt="">
                                    <img src="../images/grmz/25.jpg" alt="">
                                    <img src="../images/grmz/26.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="dn">
                            <div class="bon">
                                <img src="../images/grmz/厨房电器.png" alt="">
                            </div>
                            <div class="boo">
                                <p><span>个人化妆、清洁用品</span></p>
                                <p><span>面部护肤</span><span>洗发护发</span></p>
                            </div>
                        </div>
                        <div class="bnm">
                            <div class="cas">
                                <div class="len">
                                    <div class="cate">
                                        <a href="#">清洁用品</a>
                                        <a href="#">美妆商城</a>
                                        <a href="#">官方旗舰店</a>
                                        <a href="#">美妆特卖</a>
                                        <a href="#">妆比社</a>
                                        <a href="#">全球购美妆</a>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">厨房电器</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                            <a href="#">微波炉</a>
                                        </div>
                                    </div>
                                    <div class="lon">
                                        <div class="zo">大家电</div>
                                        <div class="yp">
                                            <a href="#">电饭煲</a>
                                            <a href="#">电压力锅</a>
                                            <a href="#">豆浆机</a>
                                            <a href="#">面包机</a>
                                            <a href="#">咖啡机</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="qwe">
                                    <img src="../images/grmz/6.jpg" alt="">
                                    <img src="../images/grmz/7.jpg" alt="">
                                    <img src="../images/grmz/8.jpg" alt="">
                                    <img src="../images/grmz/9.jpg" alt="">
                                    <img src="../images/grmz/10.jpg" alt="">
                                    <img src="../images/grmz/11.jpg" alt="">
                                    <img src="../images/grmz/12.jpg" alt="">
                                    <img src="../images/grmz/13.jpg" alt="">
                                    <img src="../images/grmz/14.jpg" alt="">
                                    <img src="../images/grmz/15.jpg" alt="">
                                    <img src="../images/grmz/16.jpg" alt="">
                                    <img src="../images/grmz/17.jpg" alt="">
                                    <img src="../images/grmz/18.jpg" alt="">
                                    <img src="../images/grmz/19.jpg" alt="">
                                    <img src="../images/grmz/20.jpg" alt="">
                                    <img src="../images/grmz/21.jpg" alt="">
                                    <img src="../images/grmz/22.jpg" alt="">
                                    <img src="../images/grmz/23.jpg" alt="">
                                    <img src="../images/grmz/24.jpg" alt="">
                                    <img src="../images/grmz/25.jpg" alt="">
                                    <img src="../images/grmz/26.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>


            </div>
            <div class="navul">
                <ul>
                    <li><a href="../首页/index.html" style="color: red;">首页</a></li>
                    <li><a href="../grmz/grmz.html">个护美妆</a></li>
                    <li><a href="../fuzhaung/fuzhaung.html">服装城</a></li>
                    <li><a href="../jiayong/jiayong.html">家用电器</a></li>
                    <li><a href="../juhuasuan/鞋靴箱包.html">鞋靴箱包</a></li>
                    <li><a href="../juhuasuan/聚划算.html">聚划算</a></li>
                    <li><a href="../预售/预售首页.html">预售</a></li>
                    <li><a href="../dianpujie/dianpujie.html">店铺街</a></li>
                    <li><a href="../dianpujie/pinpai.html">品牌专区</a></li>
                    <li><a href="../公告/公告.html">公告</a></li>
                </ul>
            </div>
        </div>
    </div>










    <!-- 导航栏三 -->
    <div class="full-main-n">
        <div class="w1200">
            <div class="crumbs-nav">
                <ul>
                    <li class="li-border"><span>电脑、办公</span><i></i>
                        <ul class="menu-drop-main">
                            <li><a href="#">电脑整机</a></li>
                            <li><a href="#">电脑配件</a></li>
                        </ul>
                    </li>
                    <li><i></i></li>
                    <li class="li-border"><span>电脑配件</span><i></i>
                        <ul class="menu-drop-main">
                            <li><a href="#">硬盘</a></li>
                            <li><a href="#">机箱</a></li>
                            <li><a href="#">显示器</a></li>
                            <li><a href="#">组装电脑</a></li>
                        </ul>
                    </li>
                    <li><i></i></li>
                    <li class="li-border"><span>硬盘</span><i></i></li>
                    <li><i></i></li>
                </ul>
                <span class="cn-goodsName bt-name">合生元Razer雷蛇 雨林狼蛛幻彩版 Ornata Chroma 机械式薄膜游戏键盘</span>
            </div>
        </div>
    </div>
    <!-- 购买页面 -->
    <div class="content">
        <div class="left">
            <div class="top">
                <ul>
                    <li class="smbox oimg1">
                        <img src="./images/spgm/0_P_1489109633779.jpg" alt="">
                        <div class="smbox_fdj">

                        </div>
                    </li>
                </ul>
                <div class="bigbox oimg1">
                    <img src="./images/spgm/0_P_1489109633779.jpg" class="bigimg">
                </div>
            </div>
            <div class="center">
                <i></i>
                <ul>
                    <!-- <li class="oimg1">
            <img src="./images/spgm/0_P_1489109633779.jpg" alt="">
          </li>
          <li class="oimg2">
            <img src="./images/spgm/_P_1489109638534.jpg" alt="">
          </li>
          <li class="oimg3">
            <img src="./images/spgm/_P_1489109638679.jpg" alt="">
          </li>
          <li class="oimg4">
            <img src="./images/spgm/_P_1489109638947.jpg" alt="">
          </li> -->
                </ul>
                <i></i>
            </div>
            <div class="bottom">
                <div>
                    <label>对比</label>
                </div>
                <div>
                    <i></i>
                    <em>收藏 (<span>0</span>)</em>
                </div>
                <em>举报</em>
            </div>

        </div>
        <div class="product-wrap">
            <div class="name bt-name">合生元Razer雷蛇 雨林狼蛛幻彩版 Ornata Chroma 机械式薄膜游戏键盘</div>
            <div class="s-p-w-wrap">
                <div class="summary-item ">
                    <div class="si-tit">商 城 价</div>
                    <strong class="shop-price">¥500.00</strong>
                    <span class="price-notify"><span>降价通知</span>
                </div>
                <div class="si-warp ">
                    <i class="icon-vip"></i>
                    <span>高级VIP可享超值优惠价 </span>
                    <span class="color-red">¥450.00</span>
                    <span class="onVipRegister">立即开通 &gt;&gt;</span>
                </div>
                <div class="si-market-price ">
                    <div class="si-tit">市 场 价</div>
                    <del class="m-price">¥600.00</del>
                </div>
                <div class="summary-item si-coupon">
                    <div class="si-tit">领 券</div>
                    <div class="quan-item"><i class="i-left"></i>满10减1
                        <i class="i-right"></i>
                    </div>
                    <div class="quan-item"><i class="i-left"></i>满100减1
                        <i class="i-right"></i>
                    </div>
                </div>
                <div class="si-info">
                    <div class="si-cumulative">累计评价
                        <span>0</span>
                    </div>
                    <div class="si-cumulative">累计销量
                        <span>6</span>
                    </div>
                </div>
                <div class="si-phone-code">
                    <div> 手机购买
                        <div class="mobile-qrcode"><img src="./images/shouye/weixin_code_617.png" width="180px"></div>
                    </div>

                </div>
            </div>
            <div class="sum-basic">
                <div>
                    <div class="scj">配送</div>
                    <div class="psz">
                        <span>上海市 至 </span>
                        <span class="dizhi">
                            河南省 郑州市 中原区 &emsp;
                        </span>
                        <strong>无货,不配送</strong>
                    </div>
                </div>
                <div>
                    <div class="scj">服务</div>
                    <div class="sum_serve_fl">
                        <span>商创自营</span> 发货并提供售后服务。
                    </div>
                    <div class="sum_serve_p110">[免运费]</div>
                </div>
                <div>
                    <div class="scj">品牌</div>
                    <div class="sum_serve_fl">
                        <span>合生元</span>
                    </div>
                </div>
                <div>
                    <div class="scj">可用积分</div>
                    <div class="sum_serve_fl">
                        0
                    </div>
                </div>
                <div>
                    <div class="scj">数量</div>
                    <div class="counts">
                        <input type="text" value="1">
                        <button>👆</button>
                        <button disabled="">👇</button>
                    </div>
                    <span>库存1</span>
                </div>

                <div>
                    <div class="scj">温馨提示</div>
                    <span>
                        <img src="./images/spgm/正确2.png">支持7天无理由退货1</span>
                </div>
            </div>


            <div>
                <span>立即购买</span>
                <span><i></i>加入购物车</span>
            </div>
        </div>
        <script src=" ./js/商品购买页面/fdj.js"></script>


        <div class="track">
            <div class="track-tit">
                <h3>看了又看</h3>
                <span></span>
            </div>
            <div class="track-con">
                <ul class="ulul">
                    <li>
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490160001609.jpg"
                                width="140" height="140">
                        </div>
                        <div class="p-name">磨铁图书DIY台式电脑整机I7四核六核独显固态组装游戏电脑主机24寸显示器 送百元礼品 内存免费升级 送显示器
                        </div>
                        <div class="price">
                            ¥1388.00
                        </div>
                    </li>
                    <li>
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490159762992.jpg"
                                width="140" height="140">
                        </div>
                        <div class="p-name">磨铁图书DIY台式电脑整机I7四核六核独显固态组装游戏电脑主机24寸显示器 送百元礼品 内存免费升级 送显示器
                        </div>
                        <div class="price">
                            ¥1388.00
                        </div>
                    </li>
                    <li>
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1489097621751.jpg"
                                width="140" height="140">
                        </div>
                        <div class="p-name">磨铁图书DIY台式电脑整机I7四核六核独显固态组装游戏电脑主机24寸显示器 送百元礼品 内存免费升级 送显示器
                        </div>
                        <div class="price">
                            ¥1388.00
                        </div>
                    </li>
                    <li>
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490159412396.jpg"
                                width="140" height="140">
                        </div>
                        <div class="p-name">磨铁图书DIY台式电脑整机I7四核六核独显固态组装游戏电脑主机24寸显示器 送百元礼品 内存免费升级 送显示器
                        </div>
                        <div class="price">
                            ¥1388.00
                        </div>
                    </li>
                    <li>
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490159473910.jpg"
                                width="140" height="140">
                        </div>
                        <div class="p-name">磨铁图书DIY台式电脑整机I7四核六核独显固态组装游戏电脑主机24寸显示器 送百元礼品 内存免费升级 送显示器
                        </div>
                        <div class="price">
                            ¥1388.00
                        </div>
                    </li>
                </ul>
            </div>
            <div class="track-more">
                <div class="js"></div>
                <div class="jx"></div>
            </div>
        </div>
        <script src="./js/商品购买页面/1.js"></script>
        <script src="./js/商品购买页面/animation.js"></script>
        <script src="./js/page-data.js"></script>
        <script>
            var aaa = location.search
            var bbb = aaa.split("=")[1]
            console.log(bbb)
            //    $(".center>ul").html(obj.shouye[bbb].oli)
            //    $(".oimg1>img").attr('src',obj.shouye[bbb].src1)
            //    $(".bt-name").text(obj.shouye[bbb].name)
            //    $(".shop-price").text(obj.shouye[bbb].shop_price)
            //    $(".m-price").text(obj.shouye[bbb].original_price)

            for (var q in obj.xiangbao.img[bbb]) {
                $(".content .left .center ul").append(`
               <li>
                <img src="${obj.xiangbao.img[bbb][q]}">
               </li>
             `)
            }

            $(".smbox>img").attr("src", obj.xiangbao.img[bbb].src1)
            $(".bigbox>img").attr("src", obj.xiangbao.img[bbb].src1)
            $(".bt-name").text(obj.xiangbao.xb[bbb].name)
            $(".shop-price").text(obj.xiangbao.xb[bbb].xianjia)
            $(".m-price").text(obj.xiangbao.xb[bbb].yuanjia)


        </script>
        <script src="./js/商品购买页面/fdj.js"></script>
    </div>
    <!-- 购买页面下边 -->
    <div class="xbox1">
        <div class="xleft">
            <div class="xleft1">
                <div>
                    <div>商创自营</div>
                    <div></div>
                </div>
                <p>
                    <img src="./images/tiaozhuan/1490073717776504773.jpg" alt="">
                </p>
            </div>
            <div class="xleft2">
                <div class="xleft2a">
                    相关分类
                </div>
                <div class="xleft2b">
                    <ul>
                        <li>单肩包</li>
                        <li>手机包</li>
                        <li>斜挎包</li>
                        <li>双肩包</li>
                        <li>钱包</li>
                        <li>手拿包/晚宴包</li>
                        <li>卡包/零钱包</li>
                        <li>钥匙包</li>
                    </ul>
                </div>
            </div>
            <div class="xleft3">
                <div class="xleft3a">
                    同类其他品牌
                </div>
                <div class="xleft3b">
                    <ul>
                        <li>迪士尼</li>
                    </ul>
                </div>
            </div>

            <div class="xleft4">
                <div class="xleft4a">
                    <div class="eft">新品
                        <div class="xleft4b">
                            <div class="xleft4c">
                                <div>1</div>
                                <div></div>
                                <div>2</div>
                                <div></div>
                                <div>3</div>
                                <div></div>
                                <div>4</div>
                                <div></div>
                                <div>5</div>
                                <div></div>
                                <div>6</div>
                                <div></div>
                                <div>7</div>
                                <div></div>
                                <div>8</div>
                                <div></div>
                                <div>9</div>
                                <div></div>
                                <div>10</div>
                            </div>
                            <ul class="xleft4d">
                                <li>
                                    <img src="./images/tiaozhuan/4d.jpg" alt="">
                                    <p>测试1</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d2.jpg" alt="">
                                    <p>测试2</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d3.jpg" alt="">
                                    <p>测试3</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d4.jpg" alt="">
                                    <p>测试4</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d5.jpg" alt="">
                                    <p>测试5</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d6.jpg" alt="">
                                    <p>测试6</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d4.jpg" alt="">
                                    <p>测试7</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d4.jpg" alt="">
                                    <p>测试8</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d4.jpg" alt="">
                                    <p>测试9</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d4.jpg" alt="">
                                    <p>测试10</p>
                                    <p>￥68.00</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="eft">热销
                        <div class="xleft4b xleft4e">
                            <div class="xleft4c">
                                <div>1</div>
                                <div></div>
                                <div>2</div>
                                <div></div>
                                <div>3</div>
                                <div></div>
                                <div>4</div>
                                <div></div>
                                <div>5</div>
                                <div></div>
                                <div>6</div>
                                <div></div>
                                <div>7</div>
                                <div></div>
                                <div>8</div>
                                <div></div>
                                <div>9</div>
                                <div></div>
                                <div>10</div>
                            </div>
                            <ul class="xleft4d">
                                <li>
                                    <img src="./images/tiaozhuan/4e.jpg" alt="">
                                    <p>测试1</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4e2.jpg" alt="">
                                    <p>测试2</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4e3.jpg" alt="">
                                    <p>测试3</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4e3.jpg" alt="">
                                    <p>测试4</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d5.jpg" alt="">
                                    <p>测试5</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d6.jpg" alt="">
                                    <p>测试6</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d4.jpg" alt="">
                                    <p>测试7</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d4.jpg" alt="">
                                    <p>测试8</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d4.jpg" alt="">
                                    <p>测试9</p>
                                    <p>￥68.00</p>
                                </li>
                                <li>
                                    <img src="./images/tiaozhuan/4d4.jpg" alt="">
                                    <p>测试10</p>
                                    <p>￥68.00</p>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="eft">推荐</div>
                </div>
            </div>

            <div class="xleft5">
                <div class="xleft5b">
                    <div>最近浏览</div><button>清空</button>
                </div>
                <div class="xleft5a">
                    <p>你已清空最近浏览过的商品</p>
                    <p>去购物</p>
                </div>
            </div>
        </div>

        <div class="xright">
            <div class="xright1">
                <ul>
                    <li>
                        商品详情
                    </li>
                    <li>
                        用户评论(0)
                    </li>
                    <li>
                        网友讨论圈
                    </li>

                    <div class="xright1a">
                        加入购物车
                    </div>
                    <div>
                        手机购买
                    </div>
                </ul>
            </div>
            <div class="xright2">
                <div></div>
                <h2>商品详情</h2>
            </div>
            <div class="xright3">
                <p>
                    商品名称：喜瑞新款学院风韩版时尚太空棉宽松长袖印花圆领卫衣女
                    商品编号 ：ECS000633 </p>
                <p>上架时间：2017-03-10 15:32:24</p>
            </div>
            <div class="xright4">
                <img src="./images/tiaozhuan/94eb5a7fc63404be0465f63f62e6f40d.jpg" alt="">
            </div>
            <div class="xright5">
                <div></div>
                <h3>评论晒黑</h3>
                <ul>
                    <li>全部(0)</li>
                    <li>好评(0)</li>
                    <li>中评(0)</li>
                    <li>差评(0)</li>
                </ul>
            </div>
            <div class="xright6">
                <div class="xright6a">
                    <strong>100</strong>
                    <span>
                        <span>好评率</span>
                        <br>
                        <span>%</span>
                    </span>
                </div>
                <div class="xright6b">
                    <div></div>
                    <p>此商品还没有设置买家印象，陪我一起等下嘛</p>
                </div>
            </div>
            <div class="xright7">
                <div></div>
                <p>暂无评价</p>
            </div>
            <div class="xright5">
                <div></div>
                <h3>网友讨论圈</h3>
                <ul>
                    <li>全部帖子(0)</li>
                    <li>嗮单帖(0)</li>
                    <li>讨论贴(0)</li>
                    <li>问答帖(0)</li>
                    <li>圈子帖(0)</li>
                </ul>
            </div>
            <div class="xright8">
                <div>主题</div>
                <div>恢复</div>
                <div>浏览</div>
                <div>作者</div>
                <div>时间</div>
            </div>
            <div class="xright7">
                <div></div>
                <p>暂无评价</p>
            </div>
            <div class="xright9">
                <div>点击浏览全部></div>
            </div>
        </div>

    </div>
    <div class="xbox2">
        <div>猜你喜欢</div>
    </div>
    <div class="xbox3">
        <ul>
            <li>
                <div><img src="./images/tiaozhuan/x3a.jpg" alt=""></div>
                <p>测试1</p>
                <p>￥68.00</p>
            </li>
            <li>
                <div><img src="./images/tiaozhuan/x3b.jpg" alt=""></div>
                <p>测试1</p>
                <p>￥68.00</p>
            </li>
            <li>
                <div><img src="./images/tiaozhuan/x3c.jpg" alt=""></div>
                <p>测试1</p>
                <p>￥68.00</p>
            </li>
            <li>
                <div><img src="./images/tiaozhuan/x3d.jpg" alt=""></div>
                <p>测试1</p>
                <p>￥68.00</p>
            </li>
            <li>
                <div><img src="./images/tiaozhuan/x3e.jpg" alt=""></div>
                <p>测试1</p>
                <p>￥68.00</p>
            </li>
        </ul>
    </div>






    <footer>
        <div class="foot1">
            <div class="left">
                <div>
                    <i class="f-icon f-icon-qi"></i>
                    <span>七天包换</span>
                </div>
                <div>
                    <i class="f-icon f-icon-zheng"></i>
                    <span>正品保障</span>
                </div>
                <div>
                    <i class="f-icon f-icon-hao"></i>
                    <span>好评如潮</span>
                </div>
                <div>
                    <i class="f-icon f-icon-shan"></i>
                    <span>闪电发货</span>
                </div>
                <div>
                    <i class="f-icon f-icon-quan"></i>
                    <span>权威荣誉</span>
                </div>
            </div>
            <div class="right">
                <div>
                    <i class="f-icon f-icon-tel"></i><span>4001-021-758</span>
                </div>
                <div class="abc">
                    <a>
                        <i></i><span>咨询客服</span>
                    </a>
                </div>
            </div>
        </div>





        <div class="foot2">
            <div class="wrap">
                <div class="wrap1">
                    <div>
                        <h3>新手上路 </h3>
                        <ul>
                            <li><a href="#" title="售后流程">售后流程</a></li>
                            <li><a href="#" title="购物流程">购物流程</a></li>
                            <li><a href="#" title="订购方式">订购方式</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3>配送与支付 </h3>
                        <ul>
                            <li><a href="#" title="货到付款区域">货到付款区域</a></li>
                            <li><a href="#" title="配送支付智能查询">配送支付智能查询</a></li>
                            <li><a href="#" title="支付方式说明">支付方式说明</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3>服务保证 </h3>
                        <ul>
                            <li><a href="#" title="退换货原则">退换货原则</a></li>
                            <li><a href="#" title="售后服务保证">售后服务保证</a></li>
                            <li><a href="#" title="产品质量保证">产品质量保证</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3>联系我们 </h3>
                        <ul>
                            <li><a href="#" title="网站故障报告">网站故障报告</a></li>
                            <li><a href="#" title="选机咨询 ">选机咨询</a>
                            </li>
                            <li><a href="#" title="投诉与建议 ">投诉与建议</a></li>
                        </ul>
                    </div>
                    <div>
                        <h3>会员中心</h3>
                        <ul>
                            <li><a href="#" title="资金管理">资金管理</a></li>
                            <li><a href="#" title="我的收藏">我的收藏</a></li>
                            <li><a href="#" title="我的订单">我的订单</a></li>
                        </ul>
                    </div>
                </div>
                <div class="wrap2">
                    <div>
                        <div>
                            <img src="../预售/images/ecjia_qrcode.jpg" alt="">
                        </div>
                        <div>关注微信</div>
                    </div>
                    <div>
                        <div>
                            <img src="../预售/images/ectouch_qrcode.jpg" alt="">
                        </div>
                        <div>下载APP</div>
                    </div>
                </div>
            </div>
        </div>




        <div class="foot3">
            <div class="but">
                <p>
                    <a href="../首页/index.html">首页</a>
                    <span class="spacer"></span>
                    <a href="#">隐私保护</a>
                    <span class="spacer"></span>
                    <a href="#">联系我们</a>
                    <span class="spacer"></span>
                    <a href="#">免责条款</a>
                    <span class="spacer"></span>
                    <a href="#">公司简介</a>
                    <span class="spacer"></span>
                    <a href="#">商家入驻</a>
                    <span class="spacer"></span>
                    <a href="#">供应商入驻</a>
                    <span class="spacer"></span>
                    <a href="#">意见反馈</a>
                </p>


                <p>
                    <a href="#" title="b2b2c">b2b2c</a>
                    <span class="spacer"></span>
                    <a href="#" title="多用户商城系统">多用户商城系统</a>
                    <span class="spacer"></span>
                    <a href="#" title="商城系统">商城系统</a>
                    <span class="spacer"></span>
                    <a href="#" title="ecjia新零售">ecjia新零售</a>
                </p>


                <p>
                    <span>ICP备案证书号:</span><a href="#">沪ICP备14029880号-5</a>
                </p>

                <p><a href="#">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                </p>
            </div>
        </div>
    </footer>













    <div class="pb">
        <div>
            <div class="pb-hd">
                <i>✕</i>
                <span>您尚未登录！</span>
            </div>

            <div class="pb-bd">

                <div>
                    <div>
                        <h3>用第三方账号直接登录</h3><span></span>
                    </div>
                    <div class="qq">
                        <i></i>
                    </div>
                </div>

                <div>
                    <div>
                        <h3>账号登录</h3><span></span>
                    </div>
                    <div class="form">
                        <div class="item">
                            <i></i>
                            <input type="text" placeholder="用户名/邮箱/手机">
                        </div>
                        <div class="item">
                            <i></i>
                            <input type="password" placeholder="密码">
                        </div>
                        <div class="item">
                            <i></i>
                            <input type="text" placeholder="验证码">
                            <img src="./images/验证码2.png" alt="">
                        </div>
                        <div class="botton">
                            <label>请保存我这次的登录信息。</label>
                        </div>
                        <button>登 录</button>
                        <div class="lie">
                            <a href="#">忘记密码？</a>
                            <a href="../登录注册/index1.html">免费注册</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="side">
        <div class="bigside">
            <div class="side-top">
                <ul class="side-oul">
                    <div>
                        <a href="#"><i></i></a>
                        <div class="login">
                            <div class="login-top">
                                <img src="./images/grmz/touxiang.jpg" alt="">
                                <div>
                                    <p>用户名：暂无</p>
                                    <p>级 别：暂无</p>
                                </div>
                            </div>
                            <div class="login-buttom">
                                <div><a href="#">我的订单</a></div>
                                <div><a href="#">我的收藏</a></div>
                            </div>
                            <i class="icon-white"></i>
                        </div>
                    </div>
                    <li>
                        <a href="#" class="cart_list">
                            <i></i><span class="car">购物车</span><span class="side-num">0</span></a>
                    </li>
                    <li><a href="#"><i></i></a>
                        <div class="dingdan">我的订单<i class="icon-arrow"></i></div>
                    </li>
                    <li><a href="#"><i></i></a>
                        <div class="dingdan">优惠券<i class="icon-arrow"></i></div>
                    </li>
                    <li><a href="#"><i></i></a>
                        <div class="dingdan">我的资产<i class="icon-arrow"></i></div>
                    </li>
                    <li><a href="#"><i></i></a>
                        <div class="dingdan">我的足迹<i class="icon-arrow"></i></div>
                    </li>
                    <li><a href="#"><i></i></a>
                        <div class="dingdan">我的收藏<i class="icon-arrow"></i></div>
                    </li>
                    <li><a href="#"><i></i></a>
                        <div class="dingdan">邮箱订阅<i class="icon-arrow"></i></div>
                    </li>

                </ul>
            </div>
            <div class="side-buttom">
                <i class="ke"></i>
                <div id="center">客服中心<i class="icon-arrow"></i></div>

            </div>
            <a href="#chao">
                <div class="hdingbu">TOP</div>
            </a>
        </div>
    </div>


    <script>
        $(".abc").click(function () {
            $(".pb").css({
                "display": "block"
            })
        })


        $(".pb-hd i").click(function () {
            $(".pb").css({
                "display": "none"
            })
        })














        $('.side-buttom').hover(function () {
            $('#center').css({
                "visibility": "visible",
                "left": -92,
            })
        },
            function () {
                $('#center').css({
                    "left": -121,
                    "visibility": "hidden",
                })

            })


        $(".side-oul>li").each(function (index, ele) {
            $(ele).hover(function () {
                $($(ele).children().eq(1)).css({
                    "visibility": "visible",
                    "left": -92,
                })
            },
                function () {
                    $($(ele).children().eq(1)).css({
                        "left": -121,
                        "visibility": "hidden",
                    })
                })
        })
        $(".side-oul>div").each(function (index, ele) {
            $(ele).hover(function () {
                $($(ele).eq(0).eq(1)).css({
                    "visibility": "visible",
                    "left": -92,
                })
            },
                function () {
                    $($(ele).eq(0).eq(1)).css({
                        "left": -121,
                        "visibility": "hidden",
                    })
                })
        })
        // 回顶部
        $('.hdingbu').click(function () {
            $('html').animate({
                scrollTop: 0,
            }, 300)
        })
    </script>
</body>

</html>